.nav-menu{float: left;}
.menu-gioi-thieu-container{display: none;}
.clear{clear: both;}
#menufication-btn:before {
    border-bottom: 11px double #262626;
    border-top: 4px solid #262626;
    content: "";
    position: absolute;
    height: 3px;
    left: 5px;
    top: 21px;
    width: 23px;
    cursor: pointer;
}
#menufication-btn:hover{
    border-bottom: 11px double #f3f3f3;
    border-top: 4px solid #f3f3f3;
}
/*Transition menu*/
.nav-menu #content_outer {
    -webkit-transform: translate3d(190px, 0, 0);
    -moz-transform: translate3d(190px, 0, 0);
    -ms-transform: translate3d(190px, 0, 0);
    -o-transform: translate3d(190px, 0, 0);
    transform: translate3d(190px, 0, 0);
}
.effect-transition #content_outer, .effect-transition #menu-reponsive-outer{
    -webkit-transition: -webkit-transform 400ms ease;
    -moz-transition: -moz-transform 400ms ease;
    -o-transition: -ms-transform 400ms ease;
    transition: transform 400ms ease;
}
#menu-reponsive-outer {
    position: fixed;
    overflow-y: auto;
    overflow-x: hidden!important;
    top: 0;
    left: 0;
    height: 100%;
    padding-bottom: 100%;
    width: 190px;
    z-index: 1;
    background-color: #262626;
    padding-top: 0;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform: translate3d(-100%,0,0);
    -moz-transform: translate3d(-100%,0,0);
    -ms-transform: translate3d(-100%,0,0);
    -o-transform: translate3d(-100%,0,0);
    transform: translate3d(-100%,0,0);
    -webkit-transition: -webkit-transform 400ms ease;
    -moz-transition: -moz-transform 400ms ease;
    -o-transition: -ms-transform 400ms ease;
    transition: transform 400ms ease;
    -webkit-box-shadow: inset -15px 0 15px -8px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: inset -1.5em 0 1.5em -.75em rgba(0,0,0,.5);
    box-shadow: inset -1.5em 0 1.5em -.75em rgba(0, 0, 0, 0.5);
}
.nav-menu .menu-gioi-thieu-container {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
/*menu-reponsive-outer*/

.menu-gioi-thieu-container {
    position: absolute;
    overflow-y: auto;
    overflow-x: hidden!important;
    top: 40px;
    left: 5px;
    width: 190px;
    z-index: 999999;
    background-color: #262626;
    padding-top: 0;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform: translate3d(-100%,0,0);
    -moz-transform: translate3d(-100%,0,0);
    -ms-transform: translate3d(-100%,0,0);
    -o-transform: translate3d(-100%,0,0);
    transform: translate3d(-100%,0,0);
    -webkit-transition: -webkit-transform 400ms ease;
    -moz-transition: -moz-transform 400ms ease;
    -o-transition: -ms-transform 400ms ease;
    transition: transform 400ms ease;
    -webkit-box-shadow: inset -15px 0 15px -8px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: inset -1.5em 0 1.5em -.75em rgba(0,0,0,.5);
    box-shadow: inset -1.5em 0 1.5em -.75em rgba(0, 0, 0, 0.5);
}
.menu-gioi-thieu-container #menu-gioi-thieu> li>a {
    padding: 13px 0 13px 15px;
    list-style: none;
    display: block;
    position: relative;
    border-bottom: 1px solid #111;
    border-top: 1px solid #333;
    line-height: 1!important;
    font-size: 11pt;
    font-family: tahoma;
}

.menu-gioi-thieu-container #menu-gioi-thieu li{ position: relative;}
.menu-gioi-thieu-container #menu-gioi-thieu .show_more,.menu-gioi-thieu-container #menu-gioi-thieu .show_less{position: absolute; cursor: pointer;
                                                                                                              top: 0px;
                                                                                                              right: 0px;
                                                                                                              padding: 13px;
                                                                                                              color: #FFF;}
.menu-gioi-thieu-container #menu-gioi-thieu>li>ul a{  padding: 5px 0 5px 15px; display: block;}
.menu-gioi-thieu-container #menu-gioi-thieu>li>ul{ margin-left: 10px; display: none;}
.menu-gioi-thieu-container li.active  ul{ display: block !important;}
.menu-gioi-thieu-container #menu-gioi-thieu li ul{padding-top: 11px;}
.menu-gioi-thieu-container #menu-gioi-thieu li ul li:last-child{ margin-bottom: 0px!important;}
.menu-gioi-thieu-container #menu-gioi-thieu li a {
    color: #FFF;
}